body {
    padding-top: 0px;
    padding-bottom: 40px;
    background-color: #f5f5f5;
}

.form-signin {
	max-width: 600px;
	padding: 19px 29px 29px;
	margin: 130px auto 20px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	   -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	        box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
	margin-bottom: 10px;
}

.form-signin .form-signin-heading{
	text-align: center;
}

.form-signin input[type="text"],
.form-signin input[type="password"] {
	font-size: 16px;
	height: auto;
	margin-bottom: 15px;
	padding: 7px 9px;
}

.form-horizontal .control-group {
	margin-bottom: 0px;
}
.control-group {
	margin-bottom: 0px;
}


.bs-docs-example,
.bs-group {
	position: relative;
	margin: 15px 0;
	padding: 39px 19px 14px;
	background-color: white;
	border: 1px solid #DDD;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.bs-docs-example::after,
.bs-group::after {
	content: "Datos Acceso";
	position: absolute;
	top: -1px;
	left: -1px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: bold;
	background-color: whiteSmoke;
	border: 1px solid #DDD;
	color: #9DA0A4;
	-webkit-border-radius: 4px 0 4px 0;
	-moz-border-radius: 4px 0 4px 0;
	border-radius: 4px 0 4px 0;
}

.navbar .brand{
	padding-left: 85px;
	padding-bottom: 0px;
	line-height: 20px;
	padding-top: 10px;
	font-size: 32px;
	text-shadow: 3px 3px #000000;
	margin-top: 12px;
        line-height: 35px;
}

.navbar {
	margin-bottom: 0px;
}

.menu {
	margin-top: 44px;
	background: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-size: 12px;
}

.menu a,
.menu a:hover{
	color: white;
	font-weight: normal;
	text-decoration: none;
	text-shadow: none;
}

.breadcrumb .active {
	color: orange;
	text-shadow: none;
}

.second-level{
	margin-top: 0px;
}

.left-side {
	padding-left: 100px;
}


.logo-image {
	background-color: #45AEEA;
        /*width: 200px;*/
        /*height: 71px;*/
        width: 150px;
        height: 53.25;
}
.logo{
    width: inherit;
    height: inherit;
}

.left-menu {
	background-color: #45AEEA;
	min-height: 730px;
}

.select-components {
	margin-top: 0px;
}

.select-components label{
	padding-left: 3px;
}

#from-date{
	margin-left: 0px;
}

#to-date{
	margin-left: 40px;
}


.header-right{
	margin-top: 31px;
}

.diario {
	cursor: pointer;
}

.fecha{
	cursor: pointer;
	margin-left: 40px;	
}

#empresa{
	margin-left: 40px;
}

.list-menu{
	list-style: none;
	margin-left: 0px;
	padding-top: 10%;
	margin-left: -5px;
	margin-right: -5px;
}

.list-menu ul{
	margin-top: 20px;
}

.list-menu li{
	background-color: blue;
	margin-bottom: 10%;
	text-align: center;
	font-size: 25px;
	color: white;
	min-height: 100px;
	padding-top: 10px;
	text-shadow: 1px 1px #000000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.sublist-menu{
	list-style: none;
	padding-top: 0px;
	margin-top: 5px !important;
	padding-bottom: 5px;
}

.sublist-menu li{
	background-color: transparent;
	min-height: 20px;
	padding: 0px;
	margin-bottom: 1%;
	font-size: 15px;
	text-align: left;
}

.list-menu .active{
	color: orange;
	text-shadow: none;
}

hr{
	margin: 10px 0;
}

.navbar-background{
  background-color: #034482;
  background-image: -moz-linear-gradient(top, #04498c, #033c73);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#04498c), to(#033c73));
  background-image: -webkit-linear-gradient(top, #04498c, #033c73);
  background-image: -o-linear-gradient(top, #04498c, #033c73);
  background-image: linear-gradient(to bottom, #04498c, #033c73);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff04498c', endColorstr='#ff033c73', GradientType=0);
  border-color: #033464;	
  box-shadow: 0 0 10px #000;
}

.list-menu li a,
.list-menu li a:hover{
	color: white;
	text-decoration: none;
}

.company {
	font-size: 9px;
	color: white;
	background-color: #45AEEA;
	margin-top: -18px;
	padding: 5px;
	line-height: 15px;
	font-weight: bold;
}

.diagram {
	height: 252px;
	max-width: 1200px;
	padding: 19px 29px 29px;
	margin: 130px auto 20px;
}


.inner-content {
	/*Cambiando min-height conseguimos hacer que la
	longitud del men� derecho aumente o disminuya*/
	min-height: 450px;
	padding-top: 20px;
}

.inner-content-regresion{
	height: auto;
	padding-top: 10px;
}

/*Hay que arreglar la gráfica de RC, esto es temporal */
.inner-content-rc-grafica{
    min-height: 750px;
    padding-top: 20px;
}
.inner-content-actitudes-grafica{
    min-height: 750px;
    padding-top: 20px;
}
.inner-content-error{
    min-height: 250px;
    padding-top: 20px; 
}


.icon-blue {
	color: #034482;
}

.icon-space {
	padding-left: 20px;
	padding-right: 20px;
}

.btn-diagram {
	width: 180px;
	height: 80px;
}

.competencia {
	display: none;
	width: 200px !important;
}

.competencia label{
	margin-right: 9px;
	float:left;
}

.competencia select{
	height: 25px;
	line-height: 25px;
}

.privacity {
	color: #45AEEA;
}

.table-large{
	width: 40%;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}

.table-maxlarge th,
.table-extralarge th,
.table-large th,
.table-medium th,
.table-small th,
.table-basic th,
.table-simulation th{
	background-color: #45AEEA;
	color: #000;
}

.table-extralarge {
	width: 49%;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}

.table-maxlarge {
	width: 100%;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}

.table-medium{
	width: 32%;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}

.table-simulation{
	float: left;
	margin-right: 5px;
	margin-left: 5px;	
}

.table-basic tr{
	max-width: 520px;
}

.table-medium th,
.table-large th, 
.table-extralarge th,
.table-maxlarge th,
.table-simulation th{
	height: 56px;
	text-align: center;
	vertical-align: top !important;
}

.simpleheight th{
	height: 20px;
}

.table-medium th:first-child{
	width: 221px;
}

.table-maxlarge th{
	width: 270px;
}

.table-cell-large th
{
	width: 380px;
}

.table-maxlarge th:first-child{
	width: 750px;
}

.table-extralarge th:first-child{
	width: 320px;
}

.table-large th:first-child{
	width: 255px;
}

.table-small th:first-child{
	width: 127px;
}

.table-title-medium{
	margin-left: 20px;
}

.table-small{
	width: 25%;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}

.table-large h4,
.table-extralarge h4,
.table-maxlarge h4,
.table-medium h4,
.simulation-small h4,
.simulation-medium h4,
.simulation-large h4,
.simulation h4{
	text-align: center;
}

.simulation-small,
.simulation-medium,
.simulation-large,
.simulation {
	float: left;
	width: 230px;
	margin-right: 1px;
}

.simulation-large {
	width: 300px;
}

.simulation-medium {
	width: 250px;
}

.simulation {
	width: auto;
}

.table-simulation td,
.table-simulation th{
	font-size: 9px;
}

.mark{
	font-weight: bold;
	background-color: #DDD !important;
	height: 20px;
}

.empty td{
	background-color: #DAF6F6 !important;
	height: 20px;
}

.blank td{
	height: 20px;
}

th a,
th a:hover{
	color: black;
	text-decoration: none;
}

.oferta{
	border: 1px solid #DDD;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.exit{
	font-size: 35px;
}

.exit-text{
	margin-top: 5px;
	color: #034482;
        line-height: 20px;
}


div.tableContainer {
	float: left;
    overflow: auto;
    width: 312px;
}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

.text-simulation-small,
.text-simulation-large,
.text-basic-small,
.text-basic-large{
	width: 50px;
	font-size: 9px !important;
	padding: 0 !important;
	margin:  0 !important;
	background-color: transparent !important;
	border: 0px !important;
	box-shadow: none !important;
	color: black !important;
}

.text-simulation-large{
	width: 85px;
}

.text-basic-small,
.text-basic-large{
	width: 68px;
	font-size: 13px !important;
}

.text-basic-large{
	width: 100px;
}



.btn-nav {
	  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e0e0e;
  *background-color: #040404;
  background-image: -moz-linear-gradient(top, #151515, #040404);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
  background-image: -webkit-linear-gradient(top, #151515, #040404);
  background-image: -o-linear-gradient(top, #151515, #040404);
  background-image: linear-gradient(to bottom, #151515, #040404);
  background-repeat: repeat-x;
  border-color: #040404 #040404 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.full-screen,
.exit-full-screen{
	width: 20px;
	float: right;
}

.exit-full-screen{
	margin-right: 20px;
}

.negativo {
	color: red;
}

.positivo {
	color: green;
}

.simulation-full-screen {
	margin-left: 30px;
}

.alignrigth td:nth-child(n+2){
	text-align: right;
}

.red{
	color: red !important;
}


/* MEN� DESPLEGABLE PARA LAS OPCIONES DEL INTERFAZ*/

   /* men� */
  .menu-interfaz {
    border-radius: 5px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
    list-style-type: none;
    margin: 0 auto; /* si queremos centrarlo */
	margin-left: 0;
    padding: 0;
    /* la altura y su ancho depender�n de los textos */
    height: 40px; 
    width: 100%;
    /* el color de fondo */
    background: #03417C;
    background: -moz-linear-gradient(#03417C,#022c54);
    background: -webkit-linear-gradient(#03417C,#022c54);
    background: -o-linear-gradient(#03417C,#022c54);
    background: -ms-linear-gradient(#03417C,#022c54);
    background: linear-gradient(#03417C,#022c54);
 
  }
  /* si es necesario, evitamos que Blogger de problemas con los saltos de l�nea cuando escribimos el HTML */
  .menu-interfaz  br { display:none; }

  /* cada item del menu */
  .menu-interfaz  li {
    display: block;
    float: left; /* la lista se ve horizontal */
    height: 40px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
  }
  .menu-interfaz li a {
    border-left: 1px solid #000;
    border-right: 1px solid #666;
	color: #EEE;
    display: block;
    font-family: Tahoma;
    font-size: 13px;
    font-weight: bold;
    line-height: 28px;
    padding: 0 14px;
    margin: 6px 0;
    text-decoration: none;
    /* animamos el cambio de color de los textos */
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
  }
  
  /* eliminamos los bordes del primer y el �ltimo */
  .menu-interfaz li:first-child a { border-left: none; }
  .menu-interfaz li:last-child a{ border-right: none; }
  /* efecto hover cambia el color */
  .menu-interfaz li:hover > a { color: Crimson; }

  /* los submen�s */
  .menu-interfaz ul {
    border-radius: 0 0 5px 5px;
    left: 0;
    margin: 0;
    opacity: 0; /* no son visibles */
    position: absolute;
    top: 40px; /* se ubican debajo del enlace principal */
    /* el color de fondo */
    background: #03417C;
    background: -moz-linear-gradient(#03417C,#022c54);
    background: -webkit-linear-gradient(#03417C,#022c54);
    background: -o-linear-gradient(#03417C,#022c54);
    background: -ms-linear-gradient(#03417C,#022c54);
    background: linear-gradient(#03417C,#022c54);
    /* animamos su visibildiad */
    -moz-transition: opacity .25s ease .1s;
    -webkit-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
  }
  /* son visibes al poner el cursor encima */
  .menu-interfaz li:hover > ul { opacity: 1; }

   /* cada un ode los items de los submen�s */
  .menu-interfaz ul li {
    height: 0; /* no son visibles */
    overflow: hidden;
    padding: 0;
    /* animamos su visibildiad */
    -moz-transition: height .25s ease .1s;
    -webkit-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
  }
  .menu-interfaz li:hover > ul li {
    height: 36px; /* los mostramos */
    overflow: visible;
    padding: 0;
  }
  .menu-interfaz ul li a {
    border: none;
    border-bottom: 1px solid #111;
    margin: 0;
    /* el ancho depender� de los textos a utilizar */
    padding: 5px 20px;
    width: 140px; /*Ancho de los hijos de los men�s*/
  }
  /* el �ltimo no tiene un borde */
  .menu-interfaz ul li:last-child a { border: none; }
  
 
    .button-procesar {
        float:left;
        -moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
        -webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
        box-shadow:inset 0px 0px 0px 0px #ffffff;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
        background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
        
        background-color:#f9f9f9;
        
        -moz-border-radius:42px;
        -webkit-border-radius:42px;
        border-radius:42px;
        
        border:1px solid #dcdcdc;
        
        display:inline-block;
        color:#666666;
        font-family:arial;
        font-size:15px;
        font-weight:bold;
        padding:2px 4px;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #ffffff;
    }
    .button-procesar:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
        background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
        
        background-color:#e9e9e9;
    }
    .button-procesar:active {
        position:relative;
        top:1px;
    }
	
	.label-actualizar
	{
		color:#2E64FE;
		float:left;
		padding-left:14px;
		padding-top: 3px;
	}
       	.db-mensaje
	{
		color:blue;
		float:left;
		width:100%;
		padding-top: 15px;
		padding-left: 15px;
	}

	.error-db-mensaje
	{
		color:red;
		float:left;
		width:100%;
		padding-top: 15px;
		padding-left: 15px;
	}

        .grafica{
            width: 1300px;
            height:400px;
        }
        
        .contenido{
            overflow-x: hidden;
            overflow-y: hidden;
            width:100%;
            height: 100%;
            padding-bottom: 15px;
        }
		
		.contenido-regresion{
            overflow-x: hidden;
            overflow-y: hidden;
            width:100%;
            height: auto;
            padding-bottom: 15px;
        }
		
        
        .titulo-geran{
            font-size: 40px;
            margin-top:40px;   
        }
        
        
/*****************TWEETS*****************/
        #tweets-container{
             /*float: right;*/
  
             margin-bottom: 120px;
             border-radius: 10px;
             padding-left: 5px;
             padding-right: 5px;
	    /* width: 800px;*/
	     height: auto;
	     border-style: solid;
             border-width: 3px;	
             border-color: #ADADAD;
        }
                
        .tweet{
            border-bottom-style: solid;
            border-botton-width: 2px;	
            border-bottom-color: #ADADAD;
            overflow: hidden;
            /*width: 800px;*/
	    height: auto;
            line-height: 25px;
            padding: 20px;
            margin-left: 0px !important;
            
        }
        
        .tweet-primero{
            overflow:hidden;
            /*width: 800px;*/
	    height: auto;
            line-height: 25px;
            /*margin-left: -20px;*/
            padding: 20px;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            border-bottom-style: solid;
            border-botton-width: 2px;	
            border-bottom-color: #ADADAD;
        }

        .tweet-ultimo{
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
            overflow:hidden;
            /*width: 860px;*/
	    height: auto;
            line-height: 25px;
            margin-left: -20px;
            padding: 20px;        
        }
        
        .tweet:hover, .tweet-primero:hover, .tweet-ultimo:hover{
            background-color: #EDEDED;
        }
        
        .tweet-nombre{
            color: #C0C0C0;
            margin-top: 15px;
            /*margin-left: 50px;
            width: 700px;*/
            height: auto;
        }
        
        .tweet-texto{
           /* margin-left: 50px;
            width: 700px;*/
            height: auto;
        }
        
        
        

/*****************HASHTAGS*****************/
        #hashtags-container{
            margin-top: 60px;
        }
        .hashtag{
            float: left;
            min-height: 25px;
            line-height: 20px;
            margin-bottom: 10px;
            padding-left: 20px;
	    border-style: solid;
            border-width: 1px;	
            border-color: #ADADAD;
            border-radius: 5px;
        }
        .hashtag-fecha{
            color: red;
            float: left;
            margin-right: 5px;
        }
        .hashtag-tag{
            color: blue;
            float: left;
            margin-right: 5px;
        }
        .hashtag-repeticiones{
            color:green;
            float: right;
            margin-right: 5px;
        }
        
        
/*****************NOTICIAS*****************/
        #noticias-container{
             float:left;  
             margin-right: 10px;
             padding-left:20px;
             padding-right: 20px;
	     width: 1456px;
	     height: auto;
             border-style:none;
        }    
        .noticias{
         line-height: 25px;   
         border-style: solid;   
         border-width:2px;	
         border-color:#ADADAD;
         overflow:hidden;
         float:left;
         top:30px;
         width: 300px;
         height: 400px;
	 padding: 10px;             
         margin: 20px;
        }
        .noticias-header{
            width: inherit;
            height: 350px;
        }
        .noticias:hover{
            background-color: #EDEDED;
        }
        .noticias-url{
            line-height: 25px;
            overflow: hidden;
            color: #C0C0C0;
            margin: 10px;
            width: inherit;
            height: auto;
            word-wrap: break-word;               
        }  
        .noticias-titulo{
             margin-left: 5px;
             width: inherit;
             height: auto;
             text-transform: uppercase;
             font-weight: bold;
             line-height: 25px;
        }
        .noticias-cabecera{
             overflow:hidden;
             margin-left: 5px;
             width: inherit;
             height: 200px;
             line-height: 25px;
        }
        .noticias-footer{
             bottom:0px; /*Abajo deje un espacio de 0px*/
             width: inherit;
             height:50px; /*alto del div*/
             z-index:0;
        }
        .noticias-empresa{
            text-transform: uppercase;
            float: left;
        }
        .noticias-fecha{
            float:right;
        }        
        
        


        
/*****************FOROS****************/
        #foros-container{
            margin-bottom: 25px;
            border-radius: 10px;
            padding-left: 20px;
            padding-right: 20px;
            height: auto;
            border-style: solid;
            border-width: 3px;	
            border-color: #ADADAD;
        }
		
	.contenido-foros-detalle{
            overflow-x: hidden;
            overflow-y: hidden;
            height: auto;
            padding-bottom: 15px;
        }
        
        .foro{
            border-bottom-style: solid;
            border-botton-width: 2px;	
            border-bottom-color: #ADADAD;
            overflow: hidden;
            margin: 0px !important;
            height: auto;
            line-height: 25px;
            padding: 20px;
        }
        
        .foro-primero{
            overflow:hidden;
            height: auto;
            line-height: 25px;
            padding: 20px;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            border-bottom-style: solid;
            border-botton-width: 2px;	
            border-bottom-color: #ADADAD;
        }
        
        .foro-ultimo{
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
            overflow:hidden;
            height: auto;
            line-height: 25px;
            padding: 20px;
        }
        
        .foro:hover, .foro-primero:hover, .foro-ultimo:hover{
            background-color: #EDEDED;
        }
        
        .foro-titulo{
            color : #900000;
            font: bold 110%;
            margin-top: 5px;
            height: auto;
        }
		
        .foro-texto{
            height: auto;
            max-height: 150px;
            overflow: hidden;
        }
		
	.foro-texto-completo{
            height: auto;
        }
		
	.foro-URLinicial{
            color: #909090;
            height: auto;
        }
        
   
        
        
/****************RECOMENDACIONES****************/
        #recomendaciones-container{
            margin-top: 60px;
        }
        .recomendacion{
            float: left;
            min-height: 25px;
            line-height: 20px;
            margin-bottom: 10px;
            
            padding-left: 20px;
	    border-style: solid;
            border-width: 1px;	
            border-color: #ADADAD;
            border-radius: 5px;
        }
        .recomendacion-fecha{
            color: red;
            float: left;
            margin-right: 5px;
        }
        .recomendacion-analista{
            color: blue;
            float: left;
            margin-right: 5px;
        }
        .recomendacion-valor{
            color:green;
            float: right;
            margin-right: 5px;
        }